import React from "react";
import "./Nav.css";
import unfold from "../assets/展开.svg";
import search from "../assets/Group 10.svg";
import report from "../assets/通知.svg";
import head from "../assets/头像@2x.png";
export default function Nav() {
  return (
    <div className="NavHeader">
      <div className="Logo"></div>
      <div className="NavItem">
        <span>应用中心</span>

        <span>
          开发者
          <img src={unfold} style={{ paddingLeft: "4px" }} />
        </span>
        <span>
          社区与合作伙伴
          <img src={unfold} style={{ paddingLeft: "4px" }} />
        </span>
        <span>
          支持与服务
          <img src={unfold} style={{ paddingLeft: "4px" }} />
        </span>
        <span>
          运营与管理
          <img src={unfold} style={{ paddingLeft: "4px" }} />
        </span>
      </div>
      <div className="Space-Fill"></div>
      <div className="NavRight">
        <div className="Right-logo-left">
          <img src={search}></img>
          <img src={report}></img>
          <span>控制台</span>
        </div>
        <div className="Right-logo-right">
          <img src={head} />
          <span>duyu.xyz</span>
          <img src={unfold} className="unfold" />
        </div>
      </div>
    </div>
  );
}
